// .box
// {

//     width: 100px;
//     height: 100px;
//     background-color: red;
// }

// .box
// {

//     @main-width:1000px;
//     @son-color:orange;
//     @son-height:50px;

//     .box2
//     {
//         background-color: @son-color;
//         width: @main-width;
//         height: @son-height;
//     }
// }


// .box {

//     width: 100px;
//     height: 100px;
//     background-color: aquamarine;
// }

// .box2 {
//     width: 50px;
//     height: 50px;
//     background-color: aqua;


//     .box();

//     &:hover {
//         background-color: red;
//     }
// }


.bgc()
{
   background-color: orange;
}


.box
{
    width: 100px;
    height: 100px;
    background-color: .bgc()[background-color];
}

//函数传参式样式
.normal(@color)
{
    color: @color;
}

.box2
{
    .box();//类样式混合
    background-color: red;
    //传参引入
    .normal((blue))
}

